<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>会员列表</title>
    <!--图片样式-->
    <link rel="stylesheet" href="/static/js/plugins/jquery-easyui/themes/icon.css">
    <!--easyUI样式-->
    <link rel="stylesheet" href="/static/js/plugins/jquery-easyui/themes/default/easyui.css">
    <!--easyUI依赖的jQuery程序库-->
    <script src="/static/js/plugins/jquery-easyui/jquery.min.js"></script>
    <!--引入easyUI的程序库-->
    <script src="/static/js/plugins/jquery-easyui/jquery.easyui.min.js"></script>
    <script src="/static/js/plugins/jquery-easyui/locale/easyui-lang-zh_CN.js"></script>
    <script src="/static/js/plugins/echarts/echarts-all.js"></script>
    <!--主界面的js文件-->
    <script type="text/javascript" src="/static/js/system/member.js"></script>
    <link rel="stylesheet" href="/static/css/memberList.css">
    <link rel="stylesheet" href="/static/css/wheel.css">
</head>
<body>
<div style="padding: 0px 10px;height: 100%;background-color: #eeeeee">

    <div style="margin-bottom: 20px ;border-bottom-style:solid; height: 40px;">
        <ul class="menus">
            <li id="li1"><a href="javascript:;" data-cmd="add">添加会员</a></li>
            <li id="li2"><a href="javascript:;" data-cmd="">会员列表</a></li>
        </ul>
        <div id="select">
            <input id="keyword" class="easyui-textbox" data-options="prompt:'输入手机号,卡号或姓名'"
                   style="width:200px;">
        </div>
    </div>
    <div>
        <a href="javascript:;" class="easyui-linkbutton" data-options="iconCls:'icon-redo'">导入</a>
        <a href="javascript:;" class="easyui-linkbutton" data-options="iconCls:'icon-undo'">导出</a>
        <a href="javascript:;" class="easyui-linkbutton" data-options="iconCls:'icon-print'" data-cmd="update">修改</a>
        <a href="javascript:;" class="easyui-linkbutton" data-options="iconCls:'icon-clear'"
           data-cmd="updateState">挂失</a>
        <a href="javascript:;" class="easyui-linkbutton" data-options="iconCls:'icon-remove'" data-cmd="delete">删除</a>
        <a href="javascript:;" class="easyui-linkbutton" data-options="iconCls:'icon-print'" data-cmd="addState">补卡</a>
        <a href="javascript:;" class="easyui-linkbutton" data-options="iconCls:'icon-reload'"
           data-cmd="refreshList">刷新</a>
        <a href="javascript:;" class="easyui-linkbutton" data-options="iconCls:'icon-search'" data-cmd="queryState">查看挂失会员</a>
        <a href="javascript:;" style="float: right;" class="easyui-linkbutton" data-options="iconCls:'icon-more'"
           data-cmd="show">显示/关闭
            统计</a>
    </div>
    <div id="member_panel" data-toggle="true">
        <div id="member_Bar_main" style="width: 100%;height: 100%"></div>
    </div>
    <br>
    <div style="height: 40%">
        <table id="table_dataGrid"></table>
    </div>

    <div id="div_stern">
        <a href="javascript:;" class="easyui-linkbutton" data-options="iconCls:'icon-redo'"
           style="height: 20px;width: 100px" data-cmd="moveShow">移动至分组</a>
        <a href="javascript:;" class="easyui-linkbutton" data-options="iconCls:'icon-undo'"
           style="height: 20px;width: 100px" data-cmd="updateLabel">打标签</a>
        <a href="javascript:;" class="easyui-linkbutton" data-options="iconCls:'icon-undo'"
           style="height: 20px;width: 100px" data-cmd="updateLabel">充值/冲次</a>
    </div>

    <!--修改会员分组,弹窗-->
    <div id="move_group">
        <form id="update_group_form" method="post">
            <table style="margin: 30px auto">
                <tr>
                    <td>会员分组:</td>
                    <td><input class="group" name="group.id"></td>
                </tr>
                <div id="group_panel" align="right">
                    <a href="javascript:;" class="easyui-linkbutton" data-options="iconCls:'icon-save',plain:true"
                       data-cmd="moveGroup">确认移动</a>
                    <a href="javascript:;" class="easyui-linkbutton" data-options="iconCls:'icon-cancel',plain:true"
                       data-cmd="cancel">取消</a>
                </div>
            </table>
        </form>
    </div>
    <!--修改 标签-->
    <div id="update_label">
        <table style="margin:30px auto">
            <tr><td><a href="javascript:;" class="updateLabel" data-label="1"><img src="/static/images/1rank.jpg" alt="1级" height="30px"></a></td>
                <td><a href="javascript:;" class="updateLabel" data-label="2"><img src="/static/images/2rank.jpg" alt="2级" height="30px"></a></td>
                <td><a href="javascript:;" class="updateLabel" data-label="3"><img src="/static/images/3rank.jpg" alt="3级" height="30px"></a></td>
                <td><a href="javascript:;" class="updateLabel" data-label="4"><img src="/static/images/4rank.jpg" alt="4级" height="30px"></a></td>
                <td><a href="javascript:;" class="updateLabel" data-label="5"><img src="/static/images/5rank.jpg" alt="5级" height="30px"></a></td>
            </tr>
            <tr>
                <td colspan="5" align="center">
                    <a id="btn" href="javascript:;" class="easyui-linkbutton updateLabel" data-label="0"
                       data-options="iconCls:'icon-cancel'">取消标签</a>
                </td>
            </tr>
        </table>

    </div>
</div>
<%--添加会员弹窗--%>
<div id="input_member">
    <form id="member_form" method="post">
        <table style="margin:20px auto ">
            <tr>
                <input type="hidden" id="id" name="id"/>
                <td><label for="memberNumber">会员卡号:</label></td>
                <td><input id="memberNumber" name="memberNumber" required="required" class="easyui-textbox"
                           style="width:200px"></td>
            </tr>
            <tr>
                <td><label for="memberName">会员姓名:</label></td>
                <td><input id="memberName" name="memberName" required="required" class="easyui-textbox"
                           style="width:200px"></td>
            </tr>
            <tr>
                <td><label for="tel">手机号码:</label></td>
                <td><input id="tel" name="tel" class="easyui-textbox" required="required" style="width:200px"></td>
            </tr>
            <tr id="add_update_password">
                <td><label for="password">会员密码:</label></td>
                <td><input id="password" name="password" required="required" class="easyui-passwordbox"
                           style="width:200px"></td>
            </tr>
            <tr>
                <td>会员称谓:</td>
                <td><select id="sex" class="easyui-combobox" data-options="editable: false" name="sex"
                            style="width:200px;">
                    <option value="0">先生</option>
                    <option value="1">女士</option>
                </select>
                </td>
            </tr>
            <tr>
                <td>会员等级:</td>
                <td><input id="grade" name="grade.id"></td>
            </tr>
            <tr>
                <td>会员分组:</td>
                <td><input class="group" name="group.id"></td>
            </tr>
            <tr>
                <td><label for="qq">QQ号码:</label></td>
                <td><input id="qq" name="qq" class="easyui-textbox" style="width:200px"></td>
            </tr>
            <tr>
                <td><label for="weChat">会员微信:</label></td>
                <td><input id="weChat" name="weChat" class="easyui-textbox" style="width:200px"></td>
            </tr>
            <tr>
                <td><label for="email">电子邮箱:</label></td>
                <td><input id="email" name="email" class="easyui-textbox" style="width:200px"></td>
            </tr>
            <tr>
                <td><label for="address">居住地址:</label></td>
                <td><input id="address" name="address" class="easyui-textbox" style="width:200px"></td>
            </tr>
            <tr>
                <td><label for="birthDate">出生日期:</label></td>
                <td><input id="birthDate" name="birthDate" class="easyui-datebox" style="width:200px"></td>
            </tr>
            <tr>
                <td><label for="remark">备注:</label></td>
                <td><input id="remark" name="remark" class="easyui-textbox" style="width:200px"></td>
            </tr>
            <tr id="tr_balance">
                <td><label for="balance">充值额度:</label></td>
                <td><input id="balance" name="balance" class="easyui-textbox" style="width:200px"></td>
            </tr>
        </table>
    </form>
    <div id="dialog_panel" align="right">
        <a href="javascript:;" class="easyui-linkbutton" data-options="iconCls:'icon-save',plain:true" data-cmd="input">确认添加</a>
        <a href="javascript:;" class="easyui-linkbutton" data-options="iconCls:'icon-cancel',plain:true"
           data-cmd="cancel">取消</a>
    </div>
</div>
</body>
</html>
